<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>New Document</title>
<meta name="generator" content="Bluefish 2.0.3">
<meta name="author" content="Ace Yin">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" type="text/css" href="animation.css" />
<script src="jquery-1.6.4.js"></script>
<script src="animations.js"></script>
<script src="play.js"></script>
</head>

<body>
	<center>
		<pre>
		</pre>
		<table width="250" height="50" border="0" id="table" cellspacing="5" bgcolor="#f8f8f8">
			<tr bgcolor="#FFFFFF">
				<td width="50" height="50">
					<div class="lattice" id="lattice-1">
						<img id="diamond-1" class="treasure" src="04.gif" border="0" treasureType="diamond"/>
<!-- 						<img id="diamond-1-animation" src="04.gif" border="0" treasuretype="diamond" style="opacity: 0; position: absolute; height: 0px; left: 706px; top: 47px; "> -->
					</div>
				</td>
				<td width="50" height="50">
					<div class="lattice" id="lattice-2">
						<img id="diamond-2" class="treasure" src="05.gif" border="0" treasureType="diamond"/>
					</div></td>
				<td width="50" height="50">
					<div class="lattice" id="lattice-3">
						<img id="diamond-3" class="treasure" src="06.gif" border="0" treasureType="diamond"/>
					</div>
				</td>
				<td width="50" height="50">
					<div class="lattice" id="lattice-4">
						<img id="diamond-4" class="treasure" src="07.gif" border="0" treasureType="diamond"/>
					</div>
				</td>
				<td width="50" height="50">
                    <div class="lattice" id="lattice-5">
                        <img id="bomb" class="treasure" src="bomb1.jpg" border="0" treasureType="bomb"/>
                    </div>
				</td>
			</tr>
		</table>

		<script>
			function openBox(type, id) {

				playAnimation(type, id);

				$("#linking02").animate({
					"opacity" : "-=5"
				}, 120);
				$("#mask02").animate({
					"opacity" : "-=5"
				}, 120);
			}
		</script>
		<pre></pre>
	</center>
</body>
</html>
